.container {
    position: relative;
    display: inline-flex;
    margin-top: 2px;

    :global(.ant-space) {
        gap: 8px !important;
    }

    .btn-item {
        align-items: center;
        background: var(--white);
        border: 1px solid var(--gray-8);
        border-radius: 24px;
        color: var(--gray-7);
        cursor: pointer;
        display: flex;
        font-size: 12px;
        justify-content: center;
        line-height: 14px;
        margin: 0 6px 0 0;
        padding: 3px 8px;
        position: relative;

        span {
            color: var(--main-5);
            margin-right: 4px;
        }

        &:hover {
            background: var(--main-5);
            border-color: var(--main-5);
            color: var(--white);

            span {
                color: var(--white);
            }
        }
    }
}